{# A collection's indexing job (``job``, overseer_ai_rag.job_view): how far
   it has got while it runs (a bar that sweeps until it knows), then how it
   ended. Pushed as it changes; the last one pushed (``drawer``) loads the
   drawer once more, so its files are the new ones. #}
{% from "components/macros/layout.html" import progress %}
<div data-collection-job data-status="{{ job.status }}" class="space-y-2">
  {% if job.status == "running" %}
  <p class="text-sm text-aegis-text">{{ job.label }}</p>
  {{ progress(job.ratio, label="Indexing") }}
  {% else %}
  <p data-tone="{{ job.tone }}" class="toned text-sm">{{ job.label }}</p>
  {% if drawer %}<div hx-get="{{ drawer }}" hx-trigger="load" hx-target="#drawer-body" hx-swap="innerHTML"></div>{% endif %}
  {% endif %}
</div>